<template>
	<view class="ku-content onScroll">
		<view class="ku-section">
			<template v-if="outboundHistoryList.length>0">
				<view class="ku-card" v-for="(item,index) in outboundHistoryList" :key="index"
					@click="onclickClothRollListItem(item)">
					<view class="ku-subtitle">
						{{item.fnumber}}【{{item.fname}}】
						<!-- // A保存 D重新审核； B审核中 Z暂存；C已审核 -->
						<text class="ku-text-warning ku-xs-title">
							{{statusTextFun(item.djzt)}}
						</text>
					</view>
					<view class="">
						<u-row justify="space-between" gutter="10">
							<u-col span="6">
								<!--  -->
								<view class="ku-mi-title">{{processingDisplayContentFun(item.color)}}/
									{{processingDisplayContentFun(item.size)}}/{{processingDisplayContentFun(item.doorwidth)}}
								</view>
							</u-col>
							<u-col span="6">
								<!-- 仓库/仓位 -->
								<view class="ku-mi-title">{{item.ckname}}/{{item.cwname}}</view>
							</u-col>
						</u-row>
					</view>
					<view class="">
						<u-row justify="space-between" gutter="10">
							<u-col span="4">
								<view class="ku-button ku-text-center ku-mini-button">
									{{item.beequalto}}匹/{{item.meters}}米
								</view>
							</u-col>
							<!-- <u-col span="8">
								<view class="ku-xs-title ku-text-right">
									要货日期：22222
								</view>
							</u-col> -->
						</u-row>
					</view>
				</view>
			</template>
			<u-empty v-else mode="data" text="暂无数据"></u-empty>
		</view>
	</view>
</template>

<script>
	import store from "@/store";
	import {
		getSalesOutboundInfo,
	} from "@/api/index.js";
	import {
		processingDisplayContent
	} from "@/utils/public.js";


	export default {
		data() {
			return {
				outboundHistoryList: [],

			};
		},
		/*
		 * 生命周期函数--监听页面加载
		 */
		onLoad(options) {
			// 当前页面参数
			// this.initEmitMonitor();
		},

		/**
		 * 生命周期函数--监听页面显示
		 */
		onShow() {
			this.getSalesOutboundInfoFun();
		},
		/**
		 * 生命周期函数--监听页面显示
		 */
		methods: {
			// 获取销售出库信息 
			getSalesOutboundInfoFun() {
				let params = {
					fid: '',
				};

				getSalesOutboundInfo(params).then((res) => {
					console.log('获取销售出库信息-all--res-->', res)
					if (res.code === 200 && res.datas && res.datas.length > 0) {
						this.outboundHistoryList = res.datas;
					} else {
						console.log('获取销售出库信息---res-->', res)
						// uni.showToast({
						// 	title: "用户或密码有误",
						// 	icon: "none",
						// 	duration: 2000,
						// });
					}
				})
			},
			// 处理单据当前状态文字
			statusTextFun(val) {
				if (val) {
					let stateV = val.toUpperCase();
					let stateT = '';
					// A保存；B审核中；D重新审核；Z暂存；C已审核
					switch (stateV) {
						case 'B':
							stateT = '审核中'
							break;
						case 'Z':
							stateT = '暂存'
							break;
						case 'C':
							stateT = '已审核'
							break;
						default:
							break;
					}
					return stateT;

				} else {
					return '';
				}
			},

			// 跳转到布卷详情
			onclickClothRollListItem(item) {
				console.log('跳转到布卷列表--item-->', item);
				try {
					// 单据状态 为A 为D可以进入
					let documentStatus = (item.djzt).toUpperCase();
					// A保存；B审核中；D重新审核；Z暂存；C已审核
					if (documentStatus === 'A' || documentStatus === 'D') {
						let deliveryNoteID = item.fid;
						this.$navTo('pages/warehouse/outboundDetails', {
							deliveryNoteID: deliveryNoteID,
							rowsNumber: item.fseq,
						})
					} else {
						uni.showToast({
							title: `状态为[${this.statusTextFun(documentStatus)}]无法操作！`,
							icon: "none",
							duration: 3000,
						});
					}
				} catch (e) {
					//TODO handle the exception
				}

			},
			// 处理内容显示内容
			processingDisplayContentFun(val) {
				return processingDisplayContent(val);
			},

		},
		/**
		   * 
		''   * 下拉刷新
		   */
		onPullDownRefresh() {
			this.getSalesOutboundInfoFun();
		},

		/**
		 * 分享当前页面
		 */
		onShareAppMessage() {},

		/**
		 * 分享到朋友圈
		 * 本接口为 Beta 版本，暂只在 Android 平台支持，详见分享到朋友圈 (Beta)
		 * https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html
		 */
		onShareTimeline() {},
	}
</script>

<style lang="scss" scoped>
	.onScroll {
		min-height: 100vh;
		height: auto !important;
		overflow: initial !important;
	}
</style>